<div th:replace="~{ app :: layout ('博客标题',_, ~{::#main}, _) }" xmlns:th="http://www.thymeleaf.org">
  <main id="main" class="my-2rem">
    <article class="blog-show container">
      <div class="row">
        <div class="col-lg-8">
          <h1>maven 加速，修改镜像源</h1>
          <p class="meta text-muted mb-2rem"><a href="#">admin</a> - 2024-11-18 08:35:28</p>
          <div class="animate__animated animate__fadeInLeft">
            <h3 id="what">What</h3>
            <p>正文显示在这...</p>
            <p>正文显示在这...</p>
            <p>正文显示在这...</p>
            <h4 id="are">are</h4>
            <p>正文显示在这...</p>
            <p>正文显示在这...</p>
            <p>正文显示在这...</p>
            <p>正文显示在这...</p>
            <p>正文显示在这...</p>
            <p>正文显示在这...</p>
            <h4 id="you">you</h4>
            <p>正文显示在这...</p>
            <p>正文显示在这...</p>
            <p>正文显示在这...</p>
            <p>正文显示在这...</p>
            <p>正文显示在这...</p>
            <h3 id="doing">Doing</h3>
            <p>正文显示在这...</p>
            <p>正文显示在这...</p>
            <p>正文显示在这...</p>
            <h4 id="now">now</h4>
            <p>正文显示在这...</p>
            <p>正文显示在这...</p>
            <h4 id="blablabla">blablabla...</h4>
            <p>正文显示在这...</p>
            <p>正文显示在这...</p>
          </div>
        </div>

        <div class="col-lg-3 offset-lg-1">
          <div id="outline" class="sticky-top d-none d-lg-block animate__animated animate__fadeInRight animate__delay-1s">
            <ul>
              <li>
                <a href="#what">What</a>
                <ul>
                  <li><a href="#are">are</a></li>
                  <li><a href="#you">you</a></li>
                </ul>
              </li>
              <li>
                <a href="#doing">Doing</a>
                <ul>
                  <li><a href="#now">now</a></li>
                  <li><a href="#blablabla">blablabla...</a></li>
                </ul>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </article>
  </main>
</div>
